﻿import './info.scss';

import React from 'react';
import Header from '../../components/header.jsx';
import SliderBox from '../../components/slider.jsx';
import Item from '../../components/item.jsx';
import Tab from '../../components/tab.jsx';

import {
    Container,
} from 'amazeui-touch';

export default class Info extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            itemList: [{
            id: 1,
            background: "bg_1.jpg",
            title: "炒股+同花顺定向流量包",
            description: "一行小字介绍一下该产品流量包流量包",
            features: "一行红字介绍该产品特性流量包流量包",
            url: "http://www.163.com"
          }, {
            id: 2,
            background: "bg_2.jpg",
            title: "炒股+同花顺定向流量包",
            description: "一行小字介绍一下该产品",
            features: "一行红字介绍该产品特性",
            url: "http://www.163.com"
          }, {
            id: 3,
            background: "bg_3.jpg",
            title: "炒股+同花顺定向流量包",
            description: "一行小字介绍一下该产品",
            features: "一行红字介绍该产品特性",
            url: "http://www.163.com"
          }]
        };
    }
    render() {
        return (
            <Container>
                <Header />
                <Item list={this.state.itemList} />
                <Tab status='info' />
            </Container>
        );
    }
}
